<template>
	<view>
		<view class="header">
			<text class="title">{{content.topicName}}</text>
			<view class="head-tip flex">
				<text class="type">{{content.actType}}</text>
				<text class="time">{{content.startDate}}</text>
				<text class="shart">分享到：
					<text>微信</text>
					<text>QQ</text>
				</text>
			</view>
		</view>
		<view class="content" v-html="content.txt">
		</view>
	</view>
</template>

<script>
	import {topicTopicDetail} from '../../utils/require.js'
	export default {
		data() {
			return {
				content:{}
			}
		},
		onLoad(option) {
			console.log(option)
			this.actDetail(option.atcId)
		},
		methods: {
			actDetail(id){
				topicTopicDetail(id).then(res=>{
					console.log(res)
					if(res.code===0){
						this.content=res.data.topicMsg
					}
				})
			}
		}
	}
</script>

<style>
	.header{
		margin-top: 50rpx;
	}
.header .title{font-size: 60rpx;text-align: center;font-weight: bold;width:100%;display: block;}
.header .head-tip{width: 90%;margin:20rpx auto;border-bottom: 1px solid #666666;padding:0 10rpx 20rpx 10rpx}
.header .head-tip .type{width: 40%;overflow: hidden;
		text-overflow:ellipsis; 
		float: left;
		white-space: nowrap;
		display: block;}
.header .head-tip .time{width: 55%;overflow: hidden;
		text-overflow:ellipsis; 
		white-space: nowrap;
		text-align: right;
		display: block;}
.header .head-tip .shart{text-align: center;width: 100%;display: block;margin:20rpx 0}
.content{width: 90%;margin: 0 auto;}
</style>
